<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Info Window Simple</title>

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
	function initialize() {
			var myLatlng = new google.maps.LatLng(10.76609, 106.65956);
			var myOptions = {
			  zoom: 15,
			  center: myLatlng,
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			}

			var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

			var contentString = ''+
				'<div id="content" style="padding: 0 20px 20px 20px">'+
					'<h2 style="color: #1155CC">CÔNG TY CỔ PHẦN LIÊN MINH</h2>'+
					'<div><strong>Địa chỉ: </strong>230 Lý Thừơng Kiệt, P.14, Q.10, Tp. HCM</div>'+
					'<div><strong>Điện thoại: </strong>(84.8) 38 635 888 - Fax: (84.8) 38 635 566</div>'+
					'<div style="clear:both"></div>'+
				'</div>';
				
			var infowindow = new google.maps.InfoWindow({
				content: contentString
			});

			var marker = new google.maps.Marker({
				position: myLatlng,
				map: map,
				title: 'LIENMINH CORP (Ayers Rock)'
			});
			//open infowindow after map loaded
			//infowindow.open(map,marker);
			google.maps.event.addListener(marker, 'click', function() {
			  infowindow.open(map,marker);
			});
		}

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas"></div>
</body>
</html>
